<template>
  <view class="about-container">
    <view class="logo-section">
      <image src="/static/logo.png" class="logo" />
      <text class="version">当前版本 v1.0.0</text>
    </view>
    
    <view class="menu-list">
      <view class="menu-item" @click="navTo('/pages/settings/agreement')">
        <text>用户协议</text>
        <uni-icons type="forward" size="16" color="#999" />
      </view>
      <view class="menu-item" @click="navTo('/pages/settings/privacy')">
        <text>隐私政策</text>
        <uni-icons type="forward" size="16" color="#999" />
      </view>
      <view class="menu-item" @click="checkUpdate">
        <text>检查更新</text>
        <uni-icons type="forward" size="16" color="#999" />
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    checkUpdate() {
      uni.showModal({
        title: '提示',
        content: '当前已是最新版本',
        showCancel: false
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.about-container {
  padding: 30rpx;
  
  .logo-section {
    text-align: center;
    padding: 50rpx 0;
    
    .logo {
      width: 150rpx;
      height: 150rpx;
      margin-bottom: 20rpx;
    }
    
    .version {
      color: #666;
      font-size: 24rpx;
    }
  }
  
  .menu-list {
    background: #fff;
    border-radius: 16rpx;
    
    .menu-item {
      padding: 30rpx;
      border-bottom: 1rpx solid #eee;
      display: flex;
      align-items: center;
      justify-content: space-between;
      
      &:last-child {
        border-bottom: none;
      }
    }
  }
}
</style> 